// 封装购物车模块
import { defineStore } from "pinia"
import { computed, ref } from "vue"
import { useUserStore } from './userStore'
import { insertCartAPI, findNewCartListAPI, delCartAPI } from '@/apis/cart'

export const useCartStore = defineStore("cart", () => {

    const userStore = useUserStore()

    const isLogin = computed(() => userStore.userInfo.token)

    // 1. 定义state - cartList
    const cartList = ref([])

    // 获取最新购物车列表action
    const updateNewList = async () => {
        const res = await findNewCartListAPI()
        cartList.value = res.result
    }

    // 2. 定义action - addCart
    const addCart = async (goods) => {
        console.log('添加', goods)
        if (isLogin.value) {
            const { skuId, count } = goods
            // 登录之后的加入购物车逻辑
            await insertCartAPI({ skuId, count })
            updateNewList()
        } else {
            // 添加购物车操作
            // 已添加过 - count + 1
            // 没有添加过 - 直接push
            // 思路:通过匹配传递过来的商品对象中的skuId能不能在cartList中找到,找到了就是添加过
            const item = cartList.value.find(item => item.skuId == goods.skuId)
            if (item) {
                // 找到了
                item.count += goods.count
            } else {
                // 没找到
                cartList.value.push(goods)
            }
        }
    }



    // 删除购物车
    const delCart = async (skuId) => {
        if (isLogin.value) {
            // 调用接口实现接口购物车中的删除功能
            await delCartAPI([skuId])
            updateNewList()
        } else {
            // 思路: 
            // 1. 找到要删除项的下标值 - splice
            // const idx = cartList.value.findIndex((item) => skuId === item.skuId)
            // 参数1:要删除的下标值
            // 参数2:删除元素的数量
            // cartList.value.splice(idx, 1)

            // 2. 使用数组的过滤方法 - filter
            cartList.value = cartList.value.filter(item => item.skuId !== skuId)
        }
    }

    // 清除购物车
    const clearCart = () => {
        cartList.value = []
    }


    // 单选功能
    const singleCheck = (skuId, selected) => {
        // 通过skuId找到要修改的那一项,然后把它的selected修改为传过来的字段
        const item = cartList.value.find(item => item.skuId === skuId)
        if (item) {
            item.selected = selected
        }
    }

    // 全选功能
    const allCheck = (chk) => {
        // 把cartList中的每一项的selected都设置为当前的全选框状态
        cartList.value.forEach(item => item.selected = chk)
    }


    // 计算属性
    // 1.总的数量 所有项的count之和
    const allCount = computed(() => cartList.value.reduce((sum, currentVal) => sum + currentVal.count, 0))
    // 2.总价 所有项的count*price之和
    const allPrice = computed(() => cartList.value.reduce((total, currentVal) => total + currentVal.price * currentVal.count, 0))
    // 3. 已选择数量
    const selectedCount = computed(() => cartList.value.filter(item => item.selected).reduce((sum, currentVal) => sum + currentVal.count, 0))
    // 4. 已选择商品价钱合计
    const selectedPrice = computed(() => cartList.value.filter(item => item.selected).reduce((total, currentVal) => total + currentVal.count * currentVal.price, 0))

    // 是否全选
    const isAll = computed(() => cartList.value.every(item => item.selected))

    return {
        cartList,
        addCart,
        delCart,
        allCount,
        allPrice,
        singleCheck,
        isAll,
        allCheck,
        selectedCount,
        selectedPrice,
        clearCart,
        updateNewList
    }

}, {
    persist: true
})